<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('商户天眼查信息')"/>
    <style>
        .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6 {
            height: 35px !important;
        }

        [class^=col-] {
            padding-bottom: 5px;
            padding-top: 5px;
            border: 1px solid #ddd;
        }

        .text-aligin-css {
            text-align: center;
        }

        h3, h4 {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .panel-heading {
            text-align: center;
            font-size: 24px;
        }

        .panel-body {
            padding-bottom: 0px;
            padding-top: 0px;
        }

        .flex-align-center {
            display: flex;
            justify-content: center;
        }

    </style>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">

    <!--商户天眼查信息-->
    <form class="form-horizontal m" th:if="${ecardMerchantInfo != null}" th:object="${ecardMerchantInfo}" style="margin: 0px">
        <h1 style="text-align: center">商户天眼查信息</h1>
        <div class="row">
            <div class="panel-body">
                <div class="panel-group">
                    <div class="panel panel-default">
                        <div class="panel-collapse collapse in">
                            <div class="panel-body">
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-md-12" style="border: 0px">
                                            <div class="row">
                                                <div class="col-md-4 text-aligin-css"><h4>营业执照名称</h4></div>
                                                <div class="col-md-4 text-aligin-css"><h4>统一社会信用代码</h4></div>
                                                <div class="col-md-4 text-aligin-css"><h4>经营者</h4></div>
                                            </div>
                                            <div class="row" style="display: flex">
                                                <div class="col-md-4 text-aligin-css"
                                                     style="display: flex; justify-content: center; align-items: center">
                                                    [[${ecardMerchantInfo.licenseName}]]
                                                </div>

                                                <div class="col-md-4 text-aligin-css"
                                                     style="display: flex; justify-content: center; align-items: center">
                                                    [[${ecardMerchantInfo.creditCode}]]
                                                </div>
                                                <div class="col-md-4 text-aligin-css"
                                                     style="display: flex; justify-content: center; align-items: center">
                                                    [[${ecardMerchantInfo.legalPersonName}]]
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-md-6 text-aligin-css"><h4>成立日期</h4></div>
                                                <div class="col-md-6 text-aligin-css"><h4>资金数额</h4></div>
                                            </div>
                                            <div class="row" style="display: flex">
                                                <div class="col-md-6 text-aligin-css"
                                                     style="display: flex; justify-content: center; align-items: center">
                                                    [[${ecardMerchantInfo.estiblishTime}]]
                                                </div>
                                                <div class="col-md-6 text-aligin-css"
                                                     style="display: flex; justify-content: center; align-items: center">
                                                    [[${ecardMerchantInfo.regCapital}]]
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-md-6 text-aligin-css"><h4>经营状态</h4></div>
                                                <div class="col-md-6 text-aligin-css"><h4>联系方式</h4></div>
                                            </div>
                                            <div class="row" style="display: flex">
                                                <div class="col-md-6 text-aligin-css"
                                                     style="display: flex; justify-content: center; align-items: center">
                                                    [[${ecardMerchantInfo.regStatus}]]
                                                </div>
                                                <div class="col-md-6 text-aligin-css"
                                                     style="display: flex; justify-content: center; align-items: center">
                                                    [[${ecardMerchantInfo.phoneNumber}]]
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<script th:inline="javascript">
</script>
</body>
</html>